<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<title>竞赛管理</title>
<head th:include="include :: header"></head>
<body class="gray-bg">
<style>
    .bgcoor{
        background: #ffffff;
        padding-top: 20px;
    }
    #exampleTable {border-left: 0px; border-right:0px}
    #exampleTable th{border-left: 0px; border-right: 0px}
    #exampleTable td{border-left: 0px; border-right: 0px}
    .table .thead-dark th {
        background-color:#f9fafe;
        border-color: #f1f4f5;
    }
    .pass {
        width: 10px;
        height: 10px;
        background: #41c958;
        border-radius: 50%;
        display: inline-block;
        margin-right: 7px;
        margin-bottom: 0px;
    }
    .audit {
        width: 10px;
        height: 10px;
        background: #fe8900;
        border-radius: 50%;
        display: inline-block;
        margin-right: 7px;
        margin-bottom: 0px;
    }+
    .dedetels {
        width: 10px;
        height: 10px;
        background: red;
        border-radius: 50%;
        display: inline-block;
        margin-right: 7px;
        margin-bottom: 0px;
    }
    .finish{
        width: 10px;
        height: 10px;
        background: #a4bac8;
        border-radius: 50%;
        display: inline-block;
        margin-right: 7px;
        margin-bottom: 0px;
    }
    .bootstrap-table .fixed-table-container {
        height: calc(100% - 150px) !important;
        font-size: 15px;
    }
    #exampleTable thead{
        position: sticky !important;
        top: -2px;
    }
    .fixed-table-toolbar .bs-bars{
        width: 100%;
    }
    #exampleTable{
        justify-content: var(--exampleToolbarJustifyContent);
    }
    .bootstrap3{
     height: 100%;
    }
</style>
<div class="wrapper wrapper-content " style="height: 100%;">
    <div class="col-sm-12 bgcoor" style="height: 100%;">
                <div id="exampleToolbar"  style="    display: flex;width: 100%;">
                    <div class="columns pull-left">
                        <button type="button"
                                shiro:hasPermission="jzweb:examinationBatch:add"
                                class="btn  btn-primary"
                                onclick="add()">
                            <i class="fa fa-plus" aria-hidden="true"></i>新增
                        </button>
                        <button type="button"
                                shiro:hasPermission="jzweb:examinationBatch:batchRemove"
                                class="btn  btn-danger"
                                onclick="batchRemove()">
                            <i class="fa fa-trash" aria-hidden="true"></i>删除
                        </button>
                    </div>
                    <div style="display: flex; flex-direction: row;justify-content: flex-start;align-items: center;padding-left: 10px;">
                        <div class="columns col-md-1.5 nopadding">
                            <input id="name" type="text" class="form-control"
                                   placeholder="请输入考试名称">
                        </div>
                        <div class="columns col-md-1.5 nopadding" style="margin-left: 10px">
                            <select id="searchstate" name="searchstate" class="form-control" >
                                <option value="">请选择状态</option>
                                <option value="0">待审核</option>
                                <option value="1">已通过</option>
                                <option value="2">未通过</option>
                                <option value="3">开始登录</option>
                                <option value="4">考试中</option>
                                <option value="5">已考完</option>
                                <option value="6">已生成试卷</option>
                                <option value="9">已删除</option>
                            </select>
                        </div>
                        <div class="columns " style="margin-left: 10px">
                        <button class="btn btn-success" onclick="reLoad()">查询</button>
                    </div>

                    </div>


                </div>
                <table class="table-bordered" id="exampleTable" data-mobile-responsive="true">
                </table>

    </div>
</div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 -->
<th:block>
    <script type="text/javascript">
        var s_edit_h = 'hidden';
        var s_remove_h = 'hidden';
        var s_resetPwd_h = 'hidden';
        var s_marking_h='hidden';
        var s_cq_h='hidden';
        var s_ksll_h='hidden';
        var s_ksan_h='hidden';
    </script>
</th:block>
<th:block shiro:hasPermission="jzweb:examinationBatch:al">
    <script type="text/javascript">
        s_ksan_h = '';
    </script>
</th:block>
<th:block shiro:hasPermission="jzweb:examinationBatch:ll">
    <script type="text/javascript">
        s_ksll_h = '';
    </script>
</th:block>
<th:block shiro:hasPermission="jzweb:examinationBatch:cq">
    <script type="text/javascript">
        s_cq_h = '';
    </script>
</th:block>
<th:block shiro:hasPermission="jzweb:examinationBatch:edit">
    <script type="text/javascript">
        s_edit_h = '';
    </script>
</th:block>
<th:block shiro:hasPermission="jzweb:examinationBatch:remove">
    <script type="text/javascript">
        var s_remove_h = '';
    </script>
</th:block>
<th:block shiro:hasPermission="jzweb:examinationBatch:generateTestPaper">
    <script type="text/javascript">
        var s_resetPwd_h = '';
    </script>
</th:block>
<th:block shiro:hasPermission="jzweb:examinationBatch:markingPapers">
    <script type="text/javascript">
        var s_marking_h = '';
    </script>
</th:block>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/examinationBatch/examinationBatch.js"></script>
</body>
</html>